<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<link rel="stylesheet" href="Css/logincss.css" type="text/css"></link>
</head>
<body>
	<div class="login-box" id="login-box">
		<div id="left">
			<img src="img/background.png">
		</div>
		<div id="right">
			<form action = "../B-Mainshow/Mainshow.jsp" method="post" name="form" id="form">
				<p>工号</p>
				<input type="text" name="account" placeholder="工号">
				<p>密码</p>
				<input type="password" name="password" placeholder="密码">
				<input type="button" value="登录" onclick="toMainshow()">
				<input type="button" value="忘记密码" onclick="find()">
			</form>
		</div>
	</div>
	
	<div class="find-box" id="find-box" style="display: none;">
		<form action = "" method="post" name="form" id="form">
			<p>工号</p>
			<input type="text" name="account" placeholder="工号">
			<p>身份证后六位</p>
			<input type="text" name="id" placeholder="身份证后六位">
			<p>电话后四位</p>
			<input type="text" name="tele" placeholder="电话后四位">
			<input type="button" value="找回" onclick="">
			<input type="button" value="返回" onclick="returnback()">
		</form>
	</div>
	
	
	<script>
		
		function toMainshow(){
			document.getElementById("form").submit();
		}
		
		function find(){
			document.getElementById("login-box").style.display = "none";
			document.getElementById("find-box").style.display = "block";
		}
		
		function returnback(){
			document.getElementById("login-box").style.display = "block";
			document.getElementById("find-box").style.display = "none";
		}
		
		
	
	</script>
</body>
</html>